
<!DOCTYPE html>

<html>
    <head>
        <title>littleware js Test Page</title>

        <link rel="stylesheet" href="/resources/yui_3.6.0/yui/build/cssreset/cssreset.css" type="text/css" />
        <link rel="stylesheet" href="/resources/yui_3.6.0/yui/build/cssbase/cssbase.css"  type="text/css" />
        <link rel="stylesheet" href="/resources/yui_3.6.0/yui/build/cssfonts/cssfonts.css" type="text/css" />
        <link rel="stylesheet" href="/resources/yui_3.6.0/yui/build/cssgrids/cssgrids.css" type="text/css" /> 

        <link rel="stylesheet" type="text/css" href="../../css/littleware/little.css" />
        <link rel="stylesheet" type="text/css" href="../../css/littleware/littleTree.css" />
        
        <style>
            /* Avoid resource latency for these, since they hide unenhanced content */
            .yui3-js-enabled .yui3-scrollview-loading {
                visibility:hidden;
            }

            #additional-content {
                display:none;
            }
        </style>
        
        <style id="yuiInsertBeforeMe" type="text/css">
            body {
                margin: auto; /* center in viewport */
                width: 960px;
                padding: 0.5em;
            }   
            
            div#fbArea {
               width:10em; 
            }
            
            div.fbTask {
               clear:both; 
               border:1px solid black;
               background-color:#ddddaa;
            }
            div.fbBar {
                clear:both;
                font-size:90%;
                font-weight: bold;
                background-color:#00ff00;
            }
            div.fbContent {
                clear:both;
                font-size:80%;
                border: 2px inset #aaaaaa;
                height:10em;
            }
          
        </style>
    </head>
    <body class="yui3-skin-sam">

        <div class="yui3-g">
            <div class="yui3-u-5-24">
                <div id="leftColumn" >
                    <h3>Left Column</h3>
          
                </div>
            </div>
            <div class="yui3-u-19-24">
                <h1>Hello World!</h1>

                <div id="content">
                       Bla
                </div>
            </div>
        </div>

        <script type="text/x-template" id="messageTemplate">
            <div class="treeNode">
                <a class="treeToggle" href="#">[-]&nbsp;</a><span class="nodeLabel"></span>
                <ul class="littleTree nodeChildren">
                </ul>
            </div>
        </script>  

        <script src="/resources/yui_3.6.0/yui/build/yui/yui-debug.js"></script>
        <script type="text/javascript" src="littleYUI.js" charset="utf-8"></script>

        <script>
    
            // Create a YUI sandbox on your page.
            //YUI().use(
            littleware.littleYUI.bootstrap().use( 
                'node', 'node-base', 'event', 'test', 
                'littleware-littleMessage', 'littleware-littleUtil',
                'scrollview',
                function (Y) {
                    // The modules are loaded and ready to use.
                    // Your code goes here!
                    var log = new Y.littleware.littleUtil.Logger( "littleTreeTestSuite.html" );
                    log.log( "Where are the scroll bars ?" );
                    
                    var suite = Y.littleware.littleMessage.buildTestSuite();

                    Y.Test.Runner.add( suite );
                    Y.Test.Runner.run();                
                    
            });

        </script>

    </body>
</html>
